<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
    <title>Document</title>
        <!-- bootstrap -->
  <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

  <!-- animate.css -->
  <link rel="stylesheet" href="./assets/css/animate.min.css" />

  <!-- reset.less -->
  <link rel="stylesheet/less" href="./assets/css/reset.less" />


  <!-- index.less -->
  <link rel="stylesheet/less" href="./assets/css/classification.less" />
</head>
<body>
    <!-- 头部 -->
    <header class="header">
        <div class="logo glyphicon glyphicon-menu-left">

        </div>
        <div class="word">
            <span>
                分类
            </span>
        </div>
        <div class="pond glyphicon glyphicon-search">
            <input type="text" placeholder="请输入商品名称" />
        </div>
    </header>





    <!-- 中间 -->
<div class="list">
    <div class="item">
        <div class="left">
            <div class="left1">
                <span>
                水果类
                </span>
            </div>
            <div class="left1">
                <span>
                蔬菜类
                </span>
            </div>
            <div class="left1">
                <span>
                水产海鲜
                </span>
            </div>
            <div class="left1">
                <span>
                粮油调味
                </span>
            </div>
            <div class="left1">
                <span>
                牛奶面包
                </span>
            </div>
            <div class="left1">
                <span>
                冰品面点
                </span>
            </div>
            <div class="left1">
                <span>
                火锅季
                </span>
            </div>
            <div class="left1">
                <span>
                方便菜
                </span>
            </div>
            <div class="left1">
                <span>
                早点
                </span>
            </div>
            <div class="left1">
                <span>
                熟食卤味
                </span>
            </div>
            <div class="left1">
                <span>
                酒水冲饮
                </span>
            </div>
            <div class="left1">
                <span>
                肉禽蛋
                </span>
            </div>
            <div class="left1">
                <span>
                日用品
                </span>
            </div>
        </div>
        <div class="right">
            <div class="right1">
                <div class="top">
                    <img src="./assets/images/ping1.png" />
                </div>
                <div class="bottom">
                    <div class="bottom1">
                        <div class="btn">
                            <div class="bon">
                                <div class="tap">
                                    <img src="./assets/images/ping2.png" />
                                </div>
                                <div class="down">
                                    <span>
                                        柚子瓜类
                                    </span>
                                </div>
                            </div>
                            <div class="bon">
                                <div class="tap">
                                    <img src="./assets/images/ping3.png" />
                                </div>
                                <div class="down">
                                    <span>
                                        葡萄莓果
                                    </span>
                                </div>
                            </div>
                            <div class="bon">
                                <div class="tap">
                                    <img src="./assets/images/ping4.png" />
                                </div>
                                <div class="down">
                                    <span>
                                        热带水果
                                    </span>
                                </div>
                            </div>
                        </div>

                        <div class="btn">
                            <div class="bon">
                                <div class="tap">
                                    <img src="./assets/images/ping5.png" />
                                </div>
                                <div class="down">
                                    <span>
                                        果切果盘
                                    </span>
                                </div>
                            </div>
                            <div class="bon">
                                <div class="tap">
                                    <img src="./assets/images/ping6.png" />
                                </div>
                                <div class="down">
                                    <span>
                                        车厘子草莓
                                    </span>
                                </div>
                            </div>
                            <div class="bon">
                                <div class="tap">
                                    <img src="./assets/images/ping7.png" />
                                </div>
                                <div class="down">
                                    <span>
                                        水果礼盒
                                    </span>
                                </div>
                            </div>
                        </div>

                        <div class="btn">
                            <div class="bon">
                                <div class="tap">
                                    <img src="./assets/images/ping8.png" />
                                </div>
                                <div class="down">
                                    <span>
                                        奇异果
                                    </span>
                                </div>
                            </div>
                            <div class="bon">
                                <div class="tap">
                                    <img src="./assets/images/ping9.png" />
                                </div>
                                <div class="down">
                                    <span>
                                        瓜类
                                    </span>
                                </div>
                            </div>
                            <div class="bon">
                                <div class="tap">
                                    <img src="./assets/images/ping10.png" />
                                </div>
                                <div class="down">
                                    <span>
                                        进口水果
                                    </span>
                                </div>
                            </div>
                        </div>

                        <div class="btn">
                            <div class="bon">
                                <div class="tap">
                                    <img src="./assets/images/ping11.png" />
                                </div>
                                <div class="down">
                                    <span>
                                        果切果盘
                                    </span>
                                </div>
                            </div>
                            <div class="bon">
                                <div class="tap">
                                    <img src="./assets/images/ping12.png" />
                                </div>
                                <div class="down">
                                    <span>
                                        全部水果
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>





<footer class="footer">
    <a href="./index.html" class="item">
      <span class="glyphicon glyphicon-home"></span>
      <span>首页</span>
    </a>
    <a href="./classification.html" class="item">
      <span class="glyphicon glyphicon glyphicon-th-large"></span>
      <span>分类</span>
    </a>
    <a href="./shopping.html" class="item">
      <span class="glyphicon glyphicon-shopping-cart"></span>
      <span>购物车</span>
    </a>
    <a href="./my.html" class="item">
      <span class="glyphicon glyphicon-user"></span>
      <span>我的</span>
    </a>
  </footer>




</body>
</html>


<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/less.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/wow.min.repeat.js"></script>